import React, {Component, PropTypes} from 'react'
import {Col, Tabs, Card, Table} from 'antd'
import {fetchPost} from './../../../../../utils/request'
import Styles from "../Index.less";

class PanVariationRecords extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      panVariationRecords: props.panVariationRecords,
    }
  }

  componentWillReceiveProps(props) {
    this.state = {
      panVariationRecords: props.panVariationRecords,
    }
  }

  componentDidMount() {

  }

  render() {
    const columns = [
      {
        title: 'VALUE',
        key: 'VALUE',
        dataIndex: 'VALUE'
      },
      {
        title: 'REPORTED-DATE',
        key: 'REPORTED-DATE',
        dataIndex: 'REPORTED-DATE'
      }
    ]

    return (
      <div>
        <Card title="Pan-Variation Records" bordered={false} noHovering={true}>
          <Table pagination={false}
                 size='small'
                 key='VALUE'
                 columns={columns}
                 dataSource={this.state.panVariationRecords}
                 bordered
          />
        </Card>
      </div>
    )
  }
}

export default PanVariationRecords
